<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Hello</title>
  <style type="text/css">
  .menu {
    float: right;
  }
  .menu ul li {
  	display: inline;
  }
  </style>
</head>
<body>
<h1>Twitterサンプル</h1>
<div class="menu">
<ul>
<li>| <a href="timeline">public</a></li>
<li>| <a href="timeline?tl=friends">friends</a></li>
<li>| <a href="timeline?tl=mentions">@</a></li>
<li>| <a href="timeline?tl=direct">DM</a></li>
<li>| <a href="timeline?tl=rtbyme">RTした</a></li>
<li>| <a href="timeline?tl=rttome">FriendsのRT</a></li>
<li>| <a href="timeline?tl=rtofme">RTされた</a></li>
</ul>
</div>
<h2>${timeline}</h2>
<ul>
#foreach(${status} in ${statuses})
<li>${status.user.screenName}(${status.user.name}):${status.text}<br /><span style="font-size:smaller;">${status.createdAt}</span></li>
#end
</ul>
</body>
</html>
